<template>
    <div
        class="intro-goods-box"
        v-if="goodsList.length>0"
    >
        <div class="intro-goods-title">———— {{introTitle}} ————</div>
        <!-- 共用商品列表组件 -->
        <common-good-list
            :goodsList="goodsList"
            :goodsType="0"
        >
        </common-good-list>
        <!-- 共用商品列表组件 -->
    </div>
</template>

<script>
import CommonGoodList from '@/components/GoodList'
export default {
    name: 'IntroGoods',
    components: {
        CommonGoodList
    },
    props: ['introTitle', 'goodsList']
}
</script>

<style lang="stylus" scoped>
.intro-goods-title
    line-height 1.3rem
    text-align center
    font-size 0.42rem
    color #d7463c
</style>
